<!--
 * @Author: lmk
 * @Date: 2021-11-29 17:54:26
 * @LastEditTime: 2021-12-15 18:40:52
 * @LastEditors: lmk
 * @Description: 
-->
<template>
	<!-- 底部菜单栏（一个btn可用） -->
	<view>
		<view class="fixed-empty"></view>
		<view class="u-position-fixed fixed-btn u-flex u-padding-32 u-border-top" :style="{
			backgroundColor: currentTheme==='light' ? (tarns?'rgba(0,0,0,0.4)':'white') : '#000000'
		}">
			<item-btn  @click="btnClick" v-if="btnText" block height="88" :loading="loading">
				<text class="u-font-28">{{btnText}}</text>
			</item-btn>
			<slot></slot>
		</view>
	</view>
</template>

<script>
	/**
	 * actionSheet 地址显示组件
	 * @property {String} btnText 按钮文字
	 * @property {Bool} loading 加载中的样式
	 * @example <fixed-team btnText="xxx" @btnClick="fn" :loading="loading"/>
	 */
	export default {
		name:"fixed-team",
		props:{
			btnText:{
				type:String,
				default:''
			},
			loading:{
				type:Boolean,
				default: false
			},
			tarns:{
				type:Boolean,
				default: false
			}
		},
		methods: {
			//点击按钮触发
			btnClick(){
				this.$emit('btnClick')
			}
		},
	}
</script>

<style lang="scss" scoped>
	.fixed-empty{
		height: 184rpx;
	}
	.fixed-btn{
		position: fixed;
		min-height: 144rpx;
		background-color: #161324;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 555;
	}
</style>
